<template>
	<div class="swiper-container fileswiper">
		<div class="swiper-wrapper">
			<slot></slot>

		</div>
		<div class="swiper-pagination film-swiper-pagination"></div>
	</div>
</template>

<script>
	// cnpm install --save swiper
import Swiper from 'swiper'
import 'swiper/css/swiper.css'

export default{
	data(){
		return {}
	},
	//父传子
	props:['perview','myclassname'],
	mounted(){
		new Swiper('.'+this.myclassname,{
			slidesPerView: this.perview,
			spaceBetween: this.myclassname==='actorswiper'?20:10,
			freeMode: true

		})
	}
}
</script>

<style scoped>
.swiper-wrapper{
	img{
		width: 100%;
	}
}
</style>
